$(document).ready(function() {
	var box = $('#box');
	var bigBtn = $('#controller > .big');
	var smallBtn = $('#controller > .small');
	var leftBtn = $('#controller > .left');
	var rightBtn = $('#controller > .right');

	bigBtn.click(function() {
		box.animate({
			width : 400,
			height : 400,
			opacity : 1
		}, 600);
	});

	smallBtn.click(function() {
		box.animate({
			width : 50,
			height : 50,
			opacity : 0.2
		}, 600);
	});

	leftBtn.click(function() {
		box.animate({
			left : 0
		}, 1000);
	});

	rightBtn.click(function() {
		box.animate({
			left : '100%'
		}, 1000);
	});
});